<template>
  <div class="dashboard-container">
    <Todo />
    <Menu />
    <Statistical />
    <CartonProcess />
  </div>
</template>

<script>
import Todo from './structure/Todo'
import Menu from './structure/Menu'
import Statistical from './structure/Statistical'
import CartonProcess from './structure/CartonProcess'
// import SystemConfigAPI from '@/api/system-config'

export default {
  name: 'DashboardGroup',
  components: {
    Todo,
    Menu,
    Statistical,
    CartonProcess
  },
  data() {
    return {
      notificationDetailLoading: false,
      notificationDetail: undefined
    }
  },
  methods: {
    handleNotificationLoaded(list) {
      if (list && list.length > 0) {
        this.handleViewNotification(list[0].noticeId)
      }
    },
    handleViewNotification() {
      this.notificationDetailLoading = true
      // SystemConfigAPI.getList('noticeDetail', { noticeId: id }).then(res => {
      //   this.notificationDetail = res.data.pageItems[0]
      //   this.notificationDetailLoading = false
      // })
    }
  }
}
</script>

<style lang="scss" scoped>
@import '~@/styles/handle.scss';
.dashboard-container {
  padding: 16px;
  @include background_color('dashboard_bgcolor');
  position: relative;
}
</style>
